import * as React from "react"
import Svg, {
  G,
  Rect,
  Path,
  Defs,
  LinearGradient,
  Stop,
  Mask
} from "react-native-svg"
/* SVGR has dropped some elements not supported by react-native-svg: filter */

function SvgComponent(props) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={207.9404296875}
      height={107}
      viewBox="0 0 207.9404296875 107"
      fill="none"
      {...props}
    >
      <G filter="url(#filter_0_707)">
        <Rect x={4} y={2} width={163} height={99} rx={8} fill="#F4FFFC" />
        <Rect
          x={4}
          y={2}
          width={163}
          height={99}
          rx={8}
          fill="url(#linear_fill_0_707_1)"
        />
      </G>
      <G mask="url(#mask-0_707)" opacity={0.3}>
        <Path fill="#F4FFFC" d="M0 105.61h207.94V65.461H0v40.15z" />
        <Path
          transform="translate(0 65.461)"
          fill="url(#linear_fill_4_9_1)"
          d="M0 40.149h207.94V0H0v40.149z"
        />
        <Path
          fill="#EDF0F2"
          d="M.686 88.181s-7.588-13.551 48.185-7.06c55.772 6.49 31.673 10.658 65.412 16.709 33.738 6.05-9.626 7.177-9.626 7.177H2.05L.686 97.503v-9.322z"
        />
        <Path
          fill="#B5D6F7"
          d="M.686 88.181s-7.588-13.551 48.185-7.06c55.772 6.49 31.673 10.658 65.412 16.709 33.738 6.05-9.626 7.177-9.626 7.177H2.05L.686 97.503v-9.322z"
        />
        <Path
          d="M0 83.46s29.69 6.694 53.706 6.42c24.016-.275 56.793-18.905 95.708-22.722 38.916-3.817 58.526 0 58.526 0v38.452H0V83.46z"
          fill="url(#linear_fill_4_16)"
        />
      </G>
      <G mask="url(#mask-0_707)">
        <Path
          d="M146.176 78.656c.016-.272-.088-.552-.312-.84a69.469 69.469 0 01-2.04-2.976 34.09 34.09 0 01-2.136-3.816 31.653 31.653 0 01-1.728-4.416 15.916 15.916 0 01-.72-4.728c0-1.568-.216-2.992-.648-4.272-.432-1.28-1.008-2.416-1.728-3.408a10.46 10.46 0 00-2.544-2.496 11.896 11.896 0 00-3.096-1.536c.224-.352.4-.744.528-1.176.128-.432.192-.872.192-1.32 0-1.312-.448-2.416-1.344-3.312q-1.344-1.344-3.312-1.344-1.968 0-3.312 1.344c-.896.896-1.344 2-1.344 3.312 0 .896.256 1.76.768 2.592a11.563 11.563 0 00-2.952 1.536 11.308 11.308 0 00-2.496 2.448c-.72.96-1.304 2.08-1.752 3.36-.448 1.28-.672 2.72-.672 4.32 0 1.664-.24 3.256-.72 4.776a32.354 32.354 0 01-1.704 4.32q-.984 2.04-2.088 3.816a93.162 93.162 0 00-1.92 3.216c-.352.544-.424 1-.216 1.368.208.368.536.552.984.552h35.04c.192 0 .384-.056.576-.168a1.377 1.377 0 00.696-1.152zm-20.232-29.664a1.843 1.843 0 01-.528-1.32c0-.544.176-.992.528-1.344.352-.352.8-.528 1.344-.528s.992.176 1.344.528c.352.352.528.8.528 1.344 0 .512-.176.944-.528 1.296a1.943 1.943 0 01-1.296.576h-.096c-.512 0-.944-.184-1.296-.552zm-3.225 20.183h2.851l-1.417 7.242c-.143.734.543 1.228.913.658l7.614-11.738c.301-.464.057-1.192-.4-1.192h-3.105l1.65-5.478c.142-.473-.115-.99-.492-.99h-4.781a.445.445 0 00-.04.002c-.007 0-.013.002-.02.003a.35.35 0 00-.059.014l-.02.006-.019.008-.019.008-.019.01a.555.555 0 00-.018.01l-.018.012-.018.012a1.107 1.107 0 00-.035.027l-.016.015-.017.016a.83.83 0 00-.046.052l-.014.02c-.005.005-.009.012-.014.019l-.013.02-.013.021a2.095 2.095 0 00-.012.022l-.011.022a.216.216 0 00-.011.023.216.216 0 00-.01.023 3.222 3.222 0 00-.019.048l-.008.025-.007.025-2.833 10.06c-.133.471.124.975.496.975zm11.073 13.441c.304-.48.36-.72.168-.72h-12.768c-.128 0-.032.24.288.72.32.48.784 1.008 1.392 1.584a12.127 12.127 0 002.112 1.584c.8.48 1.632.72 2.496.72.96 0 1.864-.24 2.712-.72A11.826 11.826 0 00132.4 84.2c.624-.576 1.088-1.104 1.392-1.584z"
          fillRule="evenodd"
          fill="#FFF"
        />
      </G>
      <Defs>
        <LinearGradient
          id="linear_fill_0_707_1"
          x1={10.36352}
          y1={15.95999}
          x2={136.13921}
          y2={78.90221}
          gradientUnits="userSpaceOnUse"
        >
          <Stop offset={0} stopColor="#4766FF" />
          <Stop offset={1} stopColor="#9EBAFF" />
        </LinearGradient>
        <Mask
          id="mask-0_707"
          style={{
            maskType: "alpha"
          }}
          maskUnits="userSpaceOnUse"
        >
          <Rect x={4} y={2} width={163} height={99} rx={8} fill="#F4FFFC" />
          <Rect
            x={4}
            y={2}
            width={163}
            height={99}
            rx={8}
            fill="url(#linear_fill_0_707_1)"
          />
        </Mask>
        <LinearGradient
          id="linear_fill_4_9_1"
          x1={8.117994375}
          y1={5.6614043276977535}
          x2={168.57106813476562}
          y2={31.1873077633667}
          gradientUnits="userSpaceOnUse"
        >
          <Stop offset={0} stopColor="#4766FF" />
          <Stop offset={1} stopColor="#9EBAFF" />
        </LinearGradient>
        <LinearGradient
          id="linear_fill_4_16"
          x1={107.1080322265625}
          y1={166.513671875}
          x2={107.1080322265625}
          y2={-74.2333984375}
          gradientUnits="userSpaceOnUse"
        >
          <Stop offset={0} stopColor="#F7FAFC" />
          <Stop offset={0.26898151252885855} stopColor="#DEFFF4" />
          <Stop offset={1} stopColor="#5CFFC0" />
        </LinearGradient>
      </Defs>
    </Svg>
  )
}

export default SvgComponent
